<!--testing/Nav.vue-->
<template>
  <div>
    <!-- 导航 -->
    <mt-navbar v-model="navactive">
      <mt-tab-item id="1">
        体育
        <img src="../assets/4.jpg" slot="icon" alt="">
      </mt-tab-item>
      <mt-tab-item id="2">军事
        <img src="../assets/4.jpg" slot="icon" alt=""></mt-tab-item>
      <mt-tab-item id="3">娱乐
        <img src="../assets/4.jpg" slot="icon" alt=""></mt-tab-item>
      <mt-tab-item id="4">科技
        <img src="../assets/4.jpg" slot="icon" alt=""></mt-tab-item>
    </mt-navbar>
    
    <!-- 面板 -->
    <mt-tab-container v-model="navactive">
      <mt-tab-container-item id="1">面板1</mt-tab-container-item>
      <mt-tab-container-item id="2">面板2</mt-tab-container-item>
      <mt-tab-container-item id="3">面板3</mt-tab-container-item>
      <mt-tab-container-item id="4">面板4</mt-tab-container-item>
    </mt-tab-container>

  </div>
</template>
<script>
export default {
  data() {
    return {
      navactive: '1'
    }
  },
}
</script>